<template>
	<view>
		<view class="card" :style="{backgroundImage:'url('+imageURL+')'}">
			<view style="padding: 5%;padding-bottom: 2%; font-size: 40rpx;color: white;">
				<text>{{userSchool.realName}}</text>	
			</view>
			<view style="padding-left: 5%;font-size: 25rpx;color: white;">
				<text>{{userSchool.schoolName}}</text><uni-icons type="checkbox-filled" color="#0080FF"></uni-icons>
			</view>
			<view style="padding-left: 5%;margin-top: 25%;font-size: 25rpx;color: white;">
				<text>{{user.phone}}</text>
			</view>
		</view>
		
		<view>
			<uni-card>
				<u-cell-group :border="false">
					<u-cell
					:border="false"
					title="我的名片数据"
					isLink
					>
					<u-icon slot="icon" size="25" color="#0080FF" name="account"></u-icon>
					</u-cell>
				</u-cell-group>
				<view style="display: flex; padding-bottom: 5%;padding-top: 2%; border-bottom:1rpx solid #cccccc ;">
					<view style=" margin-left: 7%;">
						<view style="font-size: 35rpx;margin-left: 50%;font-weight: 600;color: black;">
							0
						</view>
						<view style="margin-top: 2%;">
							访问量 (次)
						</view>
					</view>
					<view style="margin-left: 7%;">
						<view style="font-size: 35rpx;margin-left: 50%;font-weight: 600;color: black;">
							0
						</view>
						<view style="margin-top: 2%;">
							今日访问量 (次)
						</view>
					</view>
					<view style="margin-left: 7%;">
						<view style="font-size: 35rpx; margin-left: 50%;font-weight: 600;color: black;">
							1
						</view>
						<view style="margin-top: 2%;">
							发名片 (次)
						</view>
					</view>
				</view>
				<view style="margin-top: 2%;height: 200rpx;">
					<text>最近访客</text>
					
				</view>
			</uni-card>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				imageURL:'/static/bg-wall.png',
				userSchool:{},
				user:{},
			}
		},
		onLoad() {
			this.user = uni.getStorageSync('user')
			uni.request({
				url:'http://localhost:8090/nailCampus/school/getSchool',
				method:'GET',
				header:{
					"token":uni.getStorageSync('token')
				},
				success:res=>{
					this.userSchool = res.data.data
				}
			})
		},
		methods: {
			
		}
	}
</script>

<style lang="less" scoped>
	.card{
		margin-top: 2%;
		margin-left: 3%;
		width: 94%;
		height: 400rpx;
		border-radius: 20rpx;
	}

</style>
